<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>Tea Cozy</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="resources/css/style.css" type="text/css" media="screen" />
</head>

<body>
    <div class="front">
        <header>
            <img src="/resources/img/img-tea-cozy-logo.png">

            <span>
                <a href="#">Mission</a>
                <a href="#">Featured Tea</a>
                <a href="#">Locations</a>
            </span>
        </header>

        <main>
            <section id="first">
                <h2>Our Mission</h2>
                <h4>Handpicked, Artisanally Curated, Free Range, Sustainable, Small Batch, Fair Trade, Organic Tea</h4>
            </section>

            <section id="second">
                <h2>Tea of the Month</h2>
                <h4>What's Steeping at The Tea Cozy?</h4>

                <div class="cards">
                    <span class="card">
                        <img src="/resources/img/img-berryblitz.jpg">
                        <div>Fall Berry Blitz Tea</div>
                    </span>

                    <span class="card">
                        <img src="/resources/img/img-spiced-rum.jpg">
                        <div>Spiced Rum Tea</div>
                    </span>

                    <span class="card">
                        <img src="/resources/img/img-donut.jpg">
                        <div>Seasonal Donuts</div>
                    </span>

                    <span class="card">
                        <img src="/resources/img/img-myrtle-ave.jpg">
                        <div>Myrtle Ave Tea</div>
                    </span>

                    <span class="card">
                        <img src="/resources/img/img-bedford-bizarre.jpg">
                        <div>Bedford Bizarre Tea</div>
                    </span>

                </div>
            </section>

            <section id="third">
                <h3>Locations</h3>

                <div class="cards">
                    <div class="card">
                        <h3>Downtown</h3>
                        <h5>384 West 4th St</h5>
                        <h5>Suite 108</h5>
                        <h5>Portland, Maine</h5>
                    </div>

                    <div class="card">
                        <h3>Downtown</h3>
                        <h5>384 West 4th St</h5>
                        <h5>Suite 108</h5>
                        <h5>Portland, Maine</h5>
                    </div>

                    <div class="card">
                        <h3>Downtown</h3>
                        <h5>384 West 4th St</h5>
                        <h5>Suite 108</h5>
                        <h5>Portland, Maine</h5>
                    </div>
                </div>
            </section>

            <section id="fourth">
              <h2>The Tea Cozy</h2>
              <h5>contact@theteacozy.com</h5>
              <h5>917-555-8904</h5>
            </section>

            <footer>
              copyright The Tea Cozy 2017
            </footer>
        </main>
    </div>
</body>

</html>
